<template>
  <div class="about">
    <div class="allDiv div1">
      <div class="allDiv_mb"></div>
      <p>--白酒--</p>
      <h3>白酒是中国酒类（除了果酒、米酒外）的统称，又称烧酒、老白干、烧刀子等。</h3>
      <div class="div_H"><br />
        <h5 class="h1">中国白酒具有以酯类为主体的复合香味，以曲类、酒母为糖化发酵剂，利用淀粉质（糖质）原料，经蒸煮、糖化、发酵、蒸馏、陈酿和勾兑而酿制而成的各类酒。</h5>
        <h5 class="h2">而严格意义上讲，由食用酒精和食用香料勾兑而成的配制酒则不能算做是白酒。</h5>
        <h5 class="h3">白酒主集中在长江上游和赤水河流域的贵州仁怀、四川宜宾、四川泸州三角地带有着全球规模最大、质量最优的蒸馏酒产区，分别为中国三大名酒的茅五泸，其白酒产业集群扛起中国白酒产业的半壁河山。</h5>
      </div>
    </div>
    <div class="allDiv div2">
      <div class="allDiv_mb"></div>
      <p>--中国白酒--</p>
      <h3>中国白酒（Chinese Baijiu）是指中国的白酒，香型有米香型，酱香型、浓香型、兼香型等。统称中国四大香型白酒。</h3>
      <div class="div_H"><br />
        <h5 class="h1">中国白酒与白兰地(Brandy)、威士忌(Whisky)、伏特加(Vodka)、朗姆酒(Rum) 和金酒(Gin)一起并称为世界六大蒸馏酒。
        </h5>
        <h5 class="h2">相传夏禹时期的仪狄发明了酿酒。公元前二世纪史书《吕氏春秋》云:"仪狄作酒"。汉代刘向编辑的《战国策》则进一步说明:"昔者，帝女令仪狄作酒而美，进之禹，禹饮而甘之，日:`后世必有饮酒而之国者。</h5>
        <h5 class="h3">'遂疏仪狄而绝旨酒"(禹乃夏朝帝王)"。史籍中有多处提到仪狄"作酒而美"、"始作酒醪"的记载，似乎仪狄乃制酒之始祖。一种说法叫"仪狄作酒醪，杜康作秫酒"。这里并无时代先后之分，似乎是讲他们作的是不同的酒。杜康作秫酒，指的是杜康造酒所使用的原料是高梁。可以说仪狄是黄酒的创始人，而杜康则是高梁酒创始人。</h5>
      </div>
    </div>
    <div class="allDiv div3">
      <div class="allDiv_mb"></div>
      <p>--白酒的历史--</p>
      <h3>在几千年漫长的历史过程中，中国传统酒呈段落性发展。</h3>
      <div class="div_H"><br />
        <h5 class="h1">公元前4000－2000年，即由新石器时代的仰韶文化早期到夏朝初年，为头一个段落。这个段落，经历了漫长的2000年，是我国传统酒的启蒙期。用发酵的谷物来泡制水酒是当时酿酒的主要形式。这个时期是原始社会的晚期，先民们无不把酒看作是一种含有极大魔力的饮料。</h5>
        <h5 class="h2">公元前2000年的夏王朝到公元前200年的秦王朝，历时1800年，这一段落为我国传统酒的成长期。在这个时期，由于有了火，出现了五谷六畜，加之酒曲的发明，使我国成为世界上最早用曲酿酒的国家。</h5>
        <h5 class="h3">公元前200年的秦王朝到公元1000年的北宋，历时1200年，是我国传统酒的成熟期。
            在这一段落中，《齐民要术》、《酒法》等科技著作问世；李白、杜甫、白居易、杜牧、苏东坡等酒文化名人辈出。各方面的因素促使中国传统酒的发展进入了灿烂的黄金时代。
        </h5>
        <h5 class="h4">公元1000年的北宋到公元1840年的晚清时期，历时840年，是我国传统酒的提高期。
          其间由于西域的蒸馏器传入我国，从而导致了举世闻名的中国白酒的发明。明代李时珍在《本草纲目》中说：“烧酒非古法也，自元时起始创其法。
        </h5>
      </div>
    </div>
    <div class="allDiv div4">
      <div class="allDiv_mb"></div>
      <p>--贵州茅台--</p>
      <h3>贵州茅台酒历史悠久、源远流长，具有深厚的文化内涵</h3>
      <div class="div_H"><br />
        <h5 class="h1">1915 年荣获巴拿马万国博览会金奖，与法国科涅克白兰地、英国苏格兰威士忌一起并称“世界三大（蒸馏）名酒”，是我国大曲酱香型白酒的鼻祖和典型代表，是绿色食品、有机食品、地理标志产品，其酿制技艺入选国家首批非物质文化遗产代表作名录，是一张香飘世界的“国家名片”。</h5>
        <h5 class="h2">从行业看，2018年，茅台酒单品销售额稳居全球蒸馏酒业第一，茅台营收、净利润、股票市值稳居国内酒业第一，净利润、市值位居全球蒸馏酒业第一。</h5>
        <h5 class="h3">当前和今后一个时期，茅台集团将以习近平新时代中国特色社会主义思想为指导，深入学习贯彻党的十九大精神，认真贯彻贵州省委、省政府决策部署，坚持稳中求进工作总基调和高质量发展新理念，以供给侧结构性改革为主线，切实做好“做足酒文章、扩大酒天地”这篇大文章，全力推动茅台发展再上新台阶，努力把茅台打造成为受人尊敬的世界企业。</h5>
      </div>
    </div>
  </div>
</template>

<script>
</script>

<style>
  .about {
    background-color: #d7d9d5;
    padding-bottom: 30px;
  }
  .div1 {
    background: url(../assets/1.jpeg) repeat fixed;
  }

  .div2 {
    background: url(../assets/3.jpg) repeat fixed;
  }

  .div3 {
    background: url(../assets/0.png) repeat fixed;
  }

  .div4 {
    background: url(../assets/j4.jpg) repeat fixed;
  }

  .allDiv {
    color: white;
    background-size: cover;
    background-position: center;
    margin: 0 auto;
    max-width: 2100px;
    height: 100vh;
  }

  .allDiv p {
    font-size: 3rem;
    width: 100%;
    position: absolute;
    margin-top: 100px;
  }

  .allDiv h3 {
    font-size: 26px;
    width: 100%;
    text-align: center;
    position: absolute;
    margin-top: 260px;
  }
  .div_H {
    width: 50%;
    margin: 0 auto;
  }

  .div_H{
    font-size: 1.5rem;
    width: 100%;
    text-align: center;
    position: absolute;
    margin-top: 100px;
    padding: 0 40px;
  }
  .h1 {
    margin-top: 200px;
  }
  .h2 {
    margin-top: 50px;
  }
  .h3 {
    margin-top: 50px;
  }
  .h4 {
    margin-top: 50px;
  }
  .allDiv_mb {
    opacity: 0.7;
    max-width: 100%;
    /* width: 100%; */
    height: 100vh;
    position: absolute;
    background-color: #333232;
  }

  /* 窗口小于1800px */
  @media only screen and (max-width: 1800px) {
    .allDiv {
      color: white;
      background-size: cover;
      background-position: center;
      height: 150vh;
      margin: 0 auto;
      max-width: 100%;
    }
    .div2 {
      height: 150vh;
    }
    .div3 {
      height: 150vh;
    }
    .div4 {
      height: 150vh;
    }
    
    .allDiv_mb {
      opacity: 0.7;
      max-width: 100%;
      height: 150vh;
      position: absolute;
      background-color: #333232;
    }

    .allDiv p {
      font-size: 3rem;
      width: 100%;
      position: absolute;
      margin-top: 150px;
    }

    .allDiv h3 {
      font-size: 1.5rem;
      width: 100%;
      text-align: center;
      position: absolute;
      margin-top: 250px;
      padding: 20px;
    }

    .div_H{
      font-size: 1.5rem;
      width: 100%;
      text-align: center;
      position: absolute;
      margin-top: 250px;
      padding-left: 100px;
      padding-right: 100px;
    }
    .h1 {
      margin-top: 150px;
    }
    .h2 {
      margin-top: 100px;
    }
    .h3 {
      margin-top: 100px;
    }
    .h4 {
      margin-top: 30px;
    }
  }
/* 窗口小于1024px */
  @media only screen and (max-width: 1024px) {
    .allDiv {
      color: white;
      background-size: cover;
      background-position: center;
      height: 80vh;
      margin: 0 auto;
      max-width: 100%;
    }
    .div2 {
      height: 100vh;
    }
    .div3 {
      height: 110vh;
    }
    .div4 {
      height: 100vh;
    }
    
    .allDiv_mb {
      opacity: 0.7;
      max-width: 100%;
      height: 80vh;
      position: absolute;
      background-color: #333232;
    }

    .allDiv p {
      font-size: 3.5rem;
      width: 100%;
      position: absolute;
      margin-top: 150px;
    }

    .allDiv h3 {
      font-size: 2.2rem;
      width: 100%;
      text-align: center;
      position: absolute;
      margin-top: 250px;
      padding: 20px;
    }

    .div_H{
      font-size: 2rem;
      width: 100%;
      text-align: center;
      position: absolute;
      margin-top: 250px;
      padding: 20px;
    }
    .h1 {
      margin-top: 150px;
    }
    .h2 {
      margin-top: 100px;
    }
    .h3 {
      margin-top: 100px;
    }
    .h4 {
      margin-top: 30px;
    }
  }
/* 窗口小于768px */
  @media only screen and (max-width: 768px) {
    .allDiv {
      color: white;
      background-size: cover;
      background-position: center;
      margin: 0 auto;
      max-width: 100%;
    }
    .div2 {
      height: 100vh;
    }
    .div3 {
      height: 110vh;
    }
    .div4 {
      height: 100vh;
    }
    
    .allDiv_mb {
      opacity: 0.7;
      max-width: 100%;
      height: 100vh;
      position: absolute;
      background-color: #333232;
    }

    .allDiv p {
      font-size: 3rem;
      width: 100%;
      position: absolute;
      margin-top: 50px;
    }

    .allDiv h3 {
      font-size: 1.8rem;
      width: 100%;
      text-align: center;
      position: absolute;
      margin-top: 150px;
      padding: 20px;
    }

    .div_H{
      font-size: 1.8rem;
      width: 100%;
      text-align: center;
      position: absolute;
      margin-top: 150px;
      padding: 40px;
    }
    .h1 {
      margin-top: 120px;
    }
    .h2 {
      margin-top: 50px;
    }
    .h3 {
      margin-top: 50px;
    }
    .h4 {
      margin-top: 30px;
    }
  }
/* 窗口小于480 */
  @media only screen and (max-width: 480px) {
    .allDiv {
      color: white;
      background-size: cover;
      background-position: center;
      margin: 0 auto;
      max-width: 100%;
    }
    .div2 {
      height: 120vh;
    }
    .div3 {
      height: 150vh;
    }
    .div4 {
      height: 130vh;
    }
    
    .allDiv_mb {
      opacity: 0.7;
      max-width: 100%;
      height: 100vh;
      position: absolute;
      background-color: #333232;
    }

    .allDiv p {
      font-size: 2rem;
      width: 100%;
      position: absolute;
      margin-top: 50px;
    }

    .allDiv h3 {
      font-size: 1rem;
      width: 100%;
      text-align: center;
      position: absolute;
      margin-top: 100px;
    }

    .div_H{
      font-size: 1.5rem;
      width: 100%;
      text-align: center;
      position: absolute;
      margin-top: 50px;
      padding: 0 40px;
    }
    .h1 {
      margin-top: 120px;
    }
    .h2 {
      margin-top: 30px;
    }
    .h3 {
      margin-top: 30px;
    }
    .h4 {
      margin-top: 30px;
    }
  }
</style>
